// page/srcoll-demo/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isShow: false,
    tabList: [
      {
        key: "99",
        name: "全部",
      },
      {
        key: "-1",
        name: "待审核",
      },
      {
        key: "0",
        name: "待发货",
      },
      {
        key: "1",
        name: "已发货",
      },
      {
        key: "-2",
        name: "已驳回",
      },
    ],
    list: ["","","","","","","",],
    bodyHeight: "",
    timer: null
  },

  fn(cb) {
    if (this.timer) {
      clearTimeout(this.timer);
    }
    this.timer = setTimeout(() => {
      typeof cb === 'function' && cb();
    }, 500);
  },

  showPopup() {
    this.setData({
      isShow: true
    })
  },

  hidePopup() {
    this.setData({
      isShow: false
    })
  },

  // 获取头部导航栏高度
  fetchNavHeight() {
    let res = wx.getSystemInfoSync() ///微信api方法
    let titleH;
    if (res && res['system']) {
        // 判断是否是安卓操作系统 （标题栏苹果为44px,安卓为48px）
      if (res['system'].indexOf('Android') > 0) {
        titleH = 48
      } else {
        titleH = 44
      }
      var height = titleH + res['statusBarHeight'];
      console.log(height, 'height');
      this.setData({
        height: height
      })
    }

  },

  // 元素如何撑满页面剩余部分
  // scroll-view 自动填充剩余高度
  // wx:getSystemInfo获取系统信息，可以获取到当前机子的可使用窗口的高度
// 　　　　wx.createSelectorQuery()：返回一个SelectorQuery对象实例，并使用boundingClientRect等方法选择需要查询的信息
// 计算出来的值，单位是px而不是rpx
  initBodyHeight() {
    const _this = this;
    const query = wx.createSelectorQuery();
    wx.getSystemInfo({
      success(res) {
        query.selectAll('.tab-nav').boundingClientRect(rect => {
          const h = rect.reduce((total, item, index, arr) => {
            return total + item.height
          },0);
          _this.setData({
            bodyHeight: res.windowHeight - h
          });
        }).exec();
      }
    });
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.initBodyHeight();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})